<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>风云账号 - 登录</title>
    <link href="./assets/icons/icon.png" type="image/png" rel="icon">
    <link rel="stylesheet" href="./css/style_loginPage.css">
    <script src="./js/loginPage_js.js"></script>
    <description="风云商城————登录页面">
</head>
<body>
    <div class="header">
        <span class="logo"><a href="#" title="公司官网">风云</a></span>
        <!-- <span class="tips"><span>用户协议</span><span>隐私政策</span><span>帮助中心</span><span>|</span><span>简体中文</span></span> -->
        <ul class="tips">
            <li><a href="#">用户协议</a></li>
            <li><a href="#">隐私政策</a></li>
            <li><a href="#">帮助中心</a></li>
            <li>|</li>
            <li><a href="#">简体中文 ▿</a></li>
        </ul>
        <!-- <div class="unseen_box"> -->
        </ul>
        </div>
        <ul class="languages">
            <li><a href="#">简体中文 ▿</a></li>
            <li><a href="#">繁體中文</a></li>
            <li><a href="#">English</a></li>
            <li><a href="#">日本語</a></li>
        </ul>
    </div>
    <div class="content">
        <div class="title">风云商城</div>
        <div class="login_box">
            <div class="options">
                <span class="login_switch">登录</span>
                <span class="register_switch">注册</span>
            </div>
            <div class="form_box">
                <input type="text" name="account_log_form" id="log_account" placeholder="邮箱 / 手机号码 / 风云账号">
                <input type="password" name="password_log_form" id="log_password" placeholder="密码" required autocomplete="new-password">
                <div class="agreement">
                <label>
                    <input type="checkbox" class="assure_button">
                    <span>已阅读并同意风云账号<a href="#">使用协议</a>和<a href="#">隐私政策</a></span>
                </label>
                </div>
            </div>
            <input type="submit" value="登录" id="login_button">
            <div class="others">
                <a href="#" class="forget_password">忘记密码？</a>
                <a href="#" class="log_by_phone">手机号登录</a>
                <span>其他方式登录</span>
            </div>
            <div class="icon_buttons">
                <button><img src="./assets/icons/zfb.png" alt="" title="支付宝登录"></button>
                <button><img src="./assets/icons/wx.png" alt="" title="微信登录"></button>
                <button><img src="./assets/icons/qq.png" alt="" title="QQ登录"></button>
                <button><img src="./assets/icons/xlwb.png" alt="" title="微博登录"></button>
            </div>
        </div>
        <div class="register_box">
            <div class="options">
                <span class="login_switch">登录</span>
                <span class="register_switch">注册</span>
            </div>
            <div class="form_box">
                <input type="text" name="account_register_form" id="register_account" placeholder="请输入账号名 / 手机号码 / 邮箱" required>
                <input type="password" name="password_register_form" id="register_password" placeholder="请设置密码" required autocomplete="new-password">
                <div class="agreement">
                <label>
                        <input type="checkbox" class="assure_button">
                        <span>已阅读并同意风云账号<a href="#">使用协议</a>和<a href="#">隐私政策</a></span>
                </label>
            </div>
            </div>
            <input type="submit" value="立即注册" id="register_button">
            <div class="customer_service">&#127911遇到问题？ 请<a href="#">联系客服</a></div>
            </div>
        </div>
    <div class="footer">风云公司版权所有-京ICP备66668888-<a href="#">京公网安备20251104号</a>-京ICP证1314520号</div>
</body>
</html>